<!DOCTYPE html>
<html lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <link rel="stylesheet" type="text/css" href="/css/login.css">
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  <title>登陆</title>
</head>

<body>
  <div class="login-container">
    <div class="cute-dragon">
      <img src="../images/welcome.gif" alt="奶龙图片" class="welcomeImage">
    </div>
    <h1>奶龙商店 </h1>
    <form id="loginForm">
      <label>
        <input type="text" name="username" placeholder="用户名" required>
      </label>
      <label>
        <input type="password" name="password" placeholder="密码" required>
      </label>
      <div class="agreement">
        <input type="checkbox" id="agreement" checked>
        <label for="agreement">我已阅读并同意
          <a href="#">《用户协议》</a>
          <a href="#">《隐私政策》</a>
        </label>
      </div>
      <input id="submitButton" type="submit" value="登录"><br />
      <a class="oauth-btn" href="/oauth2/authorization/github">使用 GitHub 登录</a>
    </form>
    <div class="footer-text">
      <a href="./register.html">还没有账号？立即注册！</a>
    </div>
  </div>

  <div class="mouse-follow-icon" id="mouse-follow-icon"
    style="display: inline-flex; align-items: center; justify-content: center;">
    <img src="../images/cursor.gif" alt="跟随鼠标的GIF" />
  </div>
</body>
<script src="/js/page/login/index.js"></script>

</html>